<!DOCTYPE HTML>
<html>
    <head>
        <meta charset=utf-8 />
        <style type="text/css">
            html{
                height: 100%;
            }
            body{
                margin:0px;
                padding:0px;
                height: 100%;
                background-image: url(dream.jpg);
                background-attachment: fixed;
                background-size: cover;
            }

            .container {
                overflow: auto;
                margin:0 auto;
                min-height: 100%;
                min-width: 1000px;
                font-size:0px;
                text-align:center;
            }

            .container_col1 {
                background-repeat: repeat-y;
                min-height: 100%;
                margin:0;
            }

            .container_col3 {
                background-repeat: repeat-y;
                background-position: top right;
                min-height: 100%;
                margin:0;
            }

            .container_col2 {
                width: 53%;
                min-height: 100%;
                min-height: 300px;
                min-width: 540px;
                margin:0;
                border-top:1px solid white;
                display:inline-block;
                padding-top: 1%;


            }

            .title {font-size: 14pt; text-align: center; margin-bottom:2%;  background-color: white; opacity: 0.9; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

            .main { width: 100%; display:inline-block; font-size:0px;}

            .colonka {
                float: left;
                margin:0;
                padding:0px;
                border:none; }

            .text {width: 100%;background-color: white;opacity: 0.86;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
            
/*          .block {
                float:right;
                font-size: 18pt;
                margin:0;
                padding:0px;
                border:none;}*/


            .about {
                width:97%;
                /*border-top: 2px double black;
                border-bottom: 2px double black;*/
                font-size: 14pt;
		font-family: Verdana;
                margin:1%;
                padding:3px;
		text-align: justify;
		line-height: 1.2;
                }
            .about_height {height: 100px;}

            .news_text {
                float:right;
                width: 31%;
                font-size: 14pt;
                margin:0;
                padding:0;
                text-align: justify;

                }

            .news_photo{
                float:left;
                width: 68%;
                font-size: 14pt;
                margin:0;
                padding:0;
                text-align: justify;

                }

            .news{
                font-size: 12pt;
                margin:1%;
                padding:3px;
		text-align: justify;
                }

/*            .news1 {
                border-right: 2px double black;
                border-bottom: 2px double black;

                }
            .news2 {
                border-right: 2px double black;
                border-bottom: 2px double black;
                }
            .news3 {
                border-right: 2px double black;
                border-bottom: 2px double black;
                }
            .news4 {
                border-right: 2px double black;
                border-bottom: 2px double black;
                }
            .news5 {
                border-right: 2px double black;
                border-bottom: 2px double black;
                }
            .news6 {
                border-right: 2px double black;
                border-bottom: 2px double black;
                }*/

            .photo {
/*                border-right: 2px double black;
                border-bottom: 2px double black;*/
                font-size: 12pt;
                margin:1%;
                padding:3px;
		line-height: 1.5;
                }

            .help {
/*                border-right: 2px double black;
                border-bottom: 2px double black;*/
                font-size: 12pt;
                margin:1%;
                padding:3px;
		line-height: 1.5;
                }

            .thanks {
/*                border-right: 2px double black;
                border-bottom: 2px double black;*/
                font-size: 14pt;
                margin:1%;
                padding:3px;
		line-height: 1.5;}

            .creation {
/*                border-right: 2px double black;
                border-bottom: 2px double black;*/
                font-size: 12pt;
                margin:1%;
                padding:3px;
		line-height: 1.5;}

	    .podpis {text-align: left; font-size: 10pt; margin:1%; padding:3px;}
	    .page_text{
                font-size: 12pt;
		font-family: Verdana;
                margin:1%;
                padding:3px;
		text-align: justify;}
	    .link{
                font-size: 10pt;
		font-family: Verdana;
                margin:1%;
                padding:3px;
		text-align: right;
		color: grey; }

	    .zagolovok {
                font-size: 16pt;
		font-family: Verdana;
                margin:1%;
                padding:3px;
		color: black;}


	    .news_zagolovok {
                font-size: 12pt;
		font-family: Verdana;
                margin:1%;
                padding:3px;
		color: black;
		text-align: center;}

	    .news_page_text{
                font-size: 10pt;
		font-family: Verdana;
                margin:1%;
                padding:3px;
		color: black;}



            .header { 
                width: 100%;
                display:inline-block; font-size:0px; 
                background-color: #f3f9f9}


            .header_button, .header_button2 {
                float:left;
                font-size: 16pt;
                margin:0;
                padding:4px;
                border:none;
            }
            .header_button{
                width: 5%;
            }
            
            .header_button2{
                width: 12%;
            }

            .button1 .header_button_link, .button2 .header_button_link,
            .button3 .header_button_link, .button4 .header_button_link,
            .button5 .header_button_link,
            .button7 .header_button_link, .button8 .header_button_link,
            .button9 .header_button_link, .button10 .header_button_link
            {color:black;}
            
            .button6 .header_button_link {color: black;  font-size: 18pt;}

            .header_button_link{
                text-decoration: none;
                text-align:center;
                display:block;
                padding:3px;
            }

            .header_search_form{
                display:block;
                border:1px solid white;
                padding:3px;
                margin:0px;
            }
            .header_search_form input[type="text"]{
                width:80%;
                height:28px;
                border:1px solid black;
                float:left;
            }
            .header_search_form input[type="submit"]{
                width:18%;
                height:32px;
                border:1px solid black;
                float:left;
                margin-left:1%;
            }
            

            .footer { background: #D5BAE4; width: 100%;}
        </style>
    </head>
    <body>
        <div class="container">
          <span class="header">
                   
                    <div class="header_button header_button_height button1"><a href="#" class="header_button_link header_button_link_height">Main</a></div>
                    <div class="header_button header_button_height button2"><a href="#" class="header_button_link header_button_link_height">About</a></div>
                    <div class="header_button header_button_height button3"><a href="#" class="header_button_link header_button_link_height">Stati</a></div>
                    <div class="header_button header_button_height button4"><a href="#" class="header_button_link header_button_link_height">Volonteram</a></div>
                    <div class="header_button2 header_button_height button5"><a href="#" class="header_button_link header_button_link_height">Our work</a></div>
                    <div class="header_button2 header_button_height button6"><a href="#" class="header_button_link header_button_link_height">Help children</a></div>
                    <div class="header_button2 header_button_height button7"><a href="#" class="header_button_link header_button_link_height">Friends and partners</a></div>
                    <div class="header_button header_button_height button8"><a href="#" class="header_button_link header_button_link_height">News</a></div>
                    <div class="header_button2 header_button_height button9"><a href="#" class="header_button_link header_button_link_height">Ask about help</a></div>
                    <div class="header_button header_button_height button10"><a href="#" class="header_button_link header_button_link_height">Contacts</a></div>
                    <div class="header_button2 header_button_height button11">
                        <form class="header_search_form header_button_link_height">
                                <input type="text" class="">
                                        <input type="submit" value="Найти">
                        </form>
                        </div>
            </span>


            <div class="container_col3">
            <div class="container_col1">
            <div class="container_col2">


             --><div class="main">
		    <div class="title">
                        <img src="logo.png" align="center" width="90%" vspace="3%">

                    Textsddddddd ddddddddddd dddddddd ddddddddddddddd dddddddddd dddd ddddd
                    dfff fffffffff ffffff fff ffff fffffff ffffffff fffffffff ffffffffffffff fff fff ddddddddd ddddddd ddddd dddds
                    sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
                        
                        
                    </div>
		

                   <!-- <div class="colonka menu">

                        <a href="#" class="menu_button_link">О фонде</a>
                        <div class="submenu">
                            <a href="#" class="submenu_button_link">Подробно о целях и задачах фонда (в т.ч. устав и другие документы)</a>
                            <a href="#" class="submenu_button_link">Отчеты фонда.</a>
                            <a href="#" class="submenu_button_link">Проекты фонда</a>
                            <a href="#" class="submenu_button_link">Контакты (адреса и телефоны)</a>
                        </div>

                        <a href="#" class="menu_button_link">Статьи</a>
                            <div class="submenu">
                            <a href="#" class="submenu_button_link">Развивающие игры для детей</a>
                            <a href="#" class="submenu_button_link">Рекламные статьи</a>
                            </div>

                        <a href="#" class="menu_button_link">Как помочь детям</a>
                            <div class="submenu">
                            <a href="#" class="submenu_button_link">Информация необходимая для внесения пожертвований</a>
                            <a href="#" class="submenu_button_link">Страницу "Как стать волонтером"</a>
                            </div>

                        <a href="#" class="menu_button_link">Друзья и партнеры</a>
                        <a href="#" class="menu_button_link">Контакты</a>

                        <a href="#" class="menu_button_link">Новости.</a>
                            <div class="submenu">
                            <a href="#" class="submenu_button_link">Новости благотворительного фонда</a>
                            <a href="#" class="submenu_button_link">Пресса о нас</a>
                            <a href="#" class="submenu_button_link">Новости друзей и партнёров (импорт новостей с других сайтов)</a>
                            <a href="#" class="submenu_button_link">Слова благодарности</a>
                            <a href="#" class="submenu_button_link">Просьбы о помощи (каждая просьба - это фото и 1-2 абзаца текста)</a>
                            <a href="#" class="submenu_button_link">Объявления</a>
                            </div>

                    </div>-->


               <div class="colonka text">



                    <div class="news_text">
                            <div class="block news1 news"><img src="news.png" width="100%">
				  <span class="news_zagolovok">Вася Пупкин наконец-то нашел маму и папу. Свету и Петю.</span>
				  <span class="news_page_text"><br>Российское агентство международной информации «РИА Новости» —
				  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
				  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
			    <a  href="#" class="link">Дальше.</a>
			    </div>
                            <div class="block news2 news">
				  <img src="news.png" width="100%">
				  <span class="news_zagolovok">Катенька Светочкина стала волонтером нашего проекта.</span>
				  <span class="news_page_text"><br>Российское агентство международной информации «РИА Новости» —
				  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
				  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
			    <a  href="#" class="link">Дальше.</a>
			    </div>
                            <div class="block news3 news">
				  <img src="news.png" width="100%">
				  <span class="news_zagolovok">Все дети любят морковь.</span>
				  <span class="news_page_text"><br>Российское агентство международной информации «РИА Новости» —
				  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
				  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
			    <a  href="#" class="link">Дальше.</a>
			    </div>

                            <div class="block news4 news">
				  <img src="news.png" width="100%">
				  <span class="news_zagolovok">Морковь любит всех детей. Очень сильно.</span>
				  <span class="news_page_text"><br>Российское агентство международной информации «РИА Новости» —
				  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
				  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
			    <a  href="#" class="link">Дальше.</a>
			    </div>

                            <div class="block news5 news">
				  <img src="news.png" width="100%">
				  <span class="news_zagolovok">Волонтер Светочкина объявлена в розыск. Исчезли конфеты и тетрадь.</span>
				  <span class="news_page_text"><br>Российское агентство международной информации «РИА Новости» —
				  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
				  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
			    <a  href="#" class="link">Дальше.</a>
			    </div>

                            <div class="block news6 news">
				  <img src="news.png" width="100%">
				  <span class="news_zagolovok">Света и Петя очень хорошие и помогают нам и Васе.</span>
				  <span class="news_page_text"><br>Российское агентство международной информации «РИА Новости» —
				  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
				  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
			    <a  href="#" class="link">Дальше.</a>
			    </div>

                    </div>

                    <div class="news_photo">
                            <div class="block creation"><img src="creation.jpg" width="100%">
				    <span class="podpis">Рисунок Васи Пупкина, 12 лет.</span>
				    <br> <span class="page_text">Недавно прошел конкурс "Все мои друзья" и текст текст текст текст. Текст текст текст текст текст текст текст текст текст текст текст текст</span>

			    </div>
			    <a  href="#" class="link">См. больше детского творчества.</a>


                            <div class="block photo"><img src="boy.jpg" width="100%">
				    <span class="podpis">Вася Пупкин, 12 лет.</span>
				    <br> <span class="page_text">Недавно прошел конкурс "Все мои друзья" и текст текст текст текст. Текст текст текст текст текст текст текст текст текст текст текст текст</span>
			    </div>
			    <a  href="#" class="link">См. больше фотографий.</a>

                            <div class="block help"><img src="girl.jpg" width="100%">
			      <span class="page_text">Обращаюсь к неравнодушным форумчанам с просьбой помочь больному ребёнку из ***. Вкратце история такова:
				  восьмилетняя *** *** из *** второй год борется с тяжёлым онкологическим заболеванием, прошла 2 курса
				  химиотерапии, перенесла тяжелейший сепсис и готовится к пересадке костного мозга в *** На данный момент девочка
				  находится с матерью на лечении в *** специализированном *** научно-практическом центре детской
				  гематологии и онкологии» Министерства здравоохранения *** ***. *** ГЕРОИЧЕСКИ борется с болезнью,
				  перенесла несколько реанимаций и внушает оптимизм своим жизнелюбием.
				  Несмотря на постоянное пополнение счетов благотоворительными взносами на сегодня семья нуждается в помощи порядка
				   ***.Из них *** - долг за заложенную квартиру (это сумма ушла как частичная оплата за лечение в ***), порядка
				  *** (*** долг текущий + *** прогнозируемый) оплата за проводимое сейчас лечение в *** и *** -
				  приблизительные затраты на пребывание в ***. Семья рассчитывает на помощь государства, но день, в который папа
				  подал документы для принятия решения, не внушает оптимизма из-за негативных аспектов Луны. Ниже даю все ссылки на
				  диагноз, счета за лечение, ссылки на форум, на котором можно проследить всю историю болезни и борьбы ребёнка за жизнь,
				  и где мама *** ежедневно информирует общественность о состоянии дочери.
			    </div>
			    <a  href="#" class="link">См. подробную информацию.</a>


                            <div class="block thanks"><span class="zagolovok">Выражаем благодарность.</span>
				  <span class="page_text"><br>Текст Текст Текст Текст Текст</span>
				  <span class="page_text"><br>Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст</span>
				  <span class="page_text"><br>Текст Текст Текст Текст Текст</span>
				  <span class="page_text"><br>Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст
				  Текст Текст Текст Текст Текст</span>
			    </div>
			    <a  href="#" class="link">Наши помошники.</a>
                    </div>

                    </div>


                </div>

                <div class="footer">Подвал</div>
            </div>
            </div>
            </div>
        </div>


    </body>

</html> 